import React from 'react';
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import "./index.less"
import Home from '../Tabs/Home';
import TastingParty from '../Tabs/TastingParty';
import About from '../Tabs/About';
import FrenchChateaux from '../Tabs/CommodityClassification/FrenchChateaux';
import OriginalWine from '../Tabs/CommodityClassification/OriginalWine';
import OriginalBottle from '../Tabs/CommodityClassification/OriginalBottle';
const items: TabsProps['items'] = [
    {
        key: '1',
        label: `首页`,
        children: <Home/>,
    },
    {
        key: '2',
        label: `葡萄品种`,
        children: <OriginalWine/>,
    },
    {
        key: '3',
        label: `红酒类型`,
        children: <OriginalBottle />,
    },
    {
        key: '4',
        label: `宁夏酒庄`,
        children: <FrenchChateaux/>,
    },
    {
        key: '5',
        label: `品酒会`,
        children: <TastingParty/>,
    },
    {
        key: '6',
        label: `关于我们`,
        children: <About/>,
    },
];
function Content() {
    const onChange = (key: string) => {
        console.log(key);
    };
    return (
        <div className='home_body'>
            <Tabs className='tabs' destroyInactiveTabPane={true} centered={true} defaultActiveKey="2" items={items} onChange={onChange} />
        </div>
    );
}

export default Content
